<!DOCTYPE html>
<html data-ng-app="luvminder">
    <head>
        <meta charset="utf-8" />
        <meta name="format-detection" content="telephone=no" />
        <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=medium-dpi" />
        <link rel="stylesheet" href="css/jquery-mobile-structure-1.3.2.css"/>
        <link rel="stylesheet" href="css/jquery-mobile-1.3.2.css"/>
        <link rel="stylesheet" href="css/style.css"/>

        <title>luvminder</title>
    </head>
    <body>

        <!--Página de inicia, Login-->
        <div id="login" data-role="page" data-ng-controller="LoginController" class="center-wrapper" >
            <div data-role="content" >
                <h1>Bem vindo ao</h1>
                <img src="imagens/logo-luvminder.png" alt="Logo Luvminder"/>
                <form id="form-login" action="index.html"  novalidate="novalidate">
                    <input id="email" data-ng-model="user.email" type="email" name="email" placeholder="Digite seu email" />
                    <input id="password" data-ng-model="user.password" type="password" name="password" placeholder="Digite sua senha"/>

                    <button>Entrar / Cadastrar</button>
                </form>
            </div>
        </div>
        <!--Fim da página de login-->




        <!--Página home, lembretes-->
        <div id="home" data-role="page"  class="center-wrapper" data-ng-controller="HomeController" >
			<div data-role="header">
				<a href="#" data-role="button">Menu</a>
                <h1>luvminder</h1>
                <a href="#data-add" data-role="button" data-icon="plus" data-transition="slide">Adicionar Data</a>
			</div>

            <div data-role="content" >
                <h2>Olá, {{ user.name }}</h2>
                <h3>Suas Datas</h3>
                <ul data-role="listview" data-autodividers="true">
                    <li data-ng-repeat="lembrete in lembretes">
                        <a href="#">{{ lembrete.titulo}}</a>
                    </li>
                </ul>
            </div>
		</div>
        <!--Fim da página home, lembretes-->

        <!--Página home, lembretes-->
        <div id="data-add" data-role="page"  class="" data-ng-controller="DataController" >
            <div data-role="header">
                <a href="#home" data-role="button" data-icon="" data-transition="slide" data-rel="back">Cancelar</a>
                <h1>{{ data.titulo }}</h1>
                <a href="#data-add" data-role="button" data-icon="check">Salvar</a>
            </div>

            <div data-role="content" >
                <form action="">
                    <label for="titulo">
                    Titulo
                    <input id="titulo" data-ng-model="data.titulo" type="text" name="titulo" placeholder="Título"/>
                    </label>

                    <div  class="ui-grid-a">
                        <div class="ui-block-a">
                             <label for="nome">
                                Relacionamento com
                                <input id="nome" data-ng-model="data.nome" type="text" name="nome" placeholder="Nome"/>
                            </label>
                        </div>
                        <div class="ui-block-b">
                            <label for="sexo">
                                Sexo
                            </label>
                            <select name="sexo" id="sexo">
                                <option value="f">F</option>
                                <option value="m">M</option>
                            </select>
                        </div>
                    </div>

                    <label for="data">
                        Data de Início
                        <input id="data" data-ng-model="data.data" type="date" name="data" />
                    </label>

                    <label for="titulo">
                        Tipo de Relacionamento
                        <select name="tipo" id="tipo">  
                            <option  data-ng-repeat="tipo in tipos" value="{{tipo}}">{{tipo}}</option>
                        </select>
                    </label>

                </form>


            </div>
        </div>
        <!--Fim da página home, lembretes-->



        <!-- core libs -->

        <script type="text/javascript" src="js/libs/jquery.js"></script>
        <script type="text/javascript" src="js/libs/jquery-mobile-1.3.2.js"></script>
        <script type="text/javascript" src="js/libs/angular.js"></script>
        <script type="text/javascript" src="js/libs/cordova.js"></script>
        <!-- project libs -->
        <script type="text/javascript" src="js/app/aplication.js"></script>
        <script type="text/javascript" src="js/app/controllers/controllers.js"></script>

        <script type="text/javascript" src="js/app.js"></script>
        <!-- app initialization -->
        <script type="text/javascript">
            app.initialize();
        </script>
    </body>
</html>